body{padding: 0;margin:0;background:#f2f2f2;}
ul,li{margin:0;padding: 0;list-style:none;}
a{text-decoration: none;color:rgba(0,0,0,0.7);}
html,body{font-size:16px;}
/*svg表情*/
.icon-exp {
font-size: 2rem;
   width: 1em; height: 1em;
   vertical-align: -0.15em;
   fill: currentColor;
   overflow: hidden;
}
.pui_line {
  width: 100%;
  height: .3em;
  font-size: .8rem; }
/*最新评论列表*/
.pui_ratelist {font-size: 1rem;background:#fff;}
.pui_ratelist .p_hd{border-bottom: solid 1px rgba(0,0,0,0.1);padding:.8em .8em;font-weight: bold;color: rgba(0,0,0,0.5)}
.pui_ratelist .p_hd span{color: rgba(0,0,0,0.5);display: inline-block;}
.pui_ratelist .p_ul{}
.pui_ratelist .p_ul .p_li{overflow:hidden;zoom:1;padding:.8em .8em 0 .8em;}
.pui_ratelist .p_ul .p_li .p_left {float:left;width: 3em;}
.pui_ratelist .p_ul .p_li .p_left .p_img {width: 2.5em;height:2.5em;}
.pui_ratelist .p_ul .p_li .p_left .p_img img {width: 100%;border-radius: 10em;}
.pui_ratelist .p_ul .p_li .p_right {float:right;width: calc(100% - 3em);overflow:hidden;zoom:1;border-bottom: solid 1px rgba(0,0,0,0.1);padding: 0 0 0.8em 0;}
.pui_ratelist .p_ul .p_li:last-child .p_right{border-bottom: 0;}
.pui_ratelist .p_ul .p_li .p_right .p_l {float:left;width: calc(100% - 3em);display: block;}
.pui_ratelist .p_ul .p_li .p_right .p_l .p_row {}
.pui_ratelist .p_ul .p_li .p_right .p_l .p_row .p_con{padding: .3em 0}
.pui_ratelist .p_ul .p_li .p_right .p_l .p_row .p_name,
.pui_ratelist .p_ul .p_li .p_right .p_l .p_row .p_attr{color: rgba(0,0,0,0.5); font-size: .8em;}
.pui_ratelist .p_ul .p_li .p_right .p_l .p_row .pui_labels{display: inline-block;}
.pui_ratelist .p_ul .p_li .p_right .p_r {}
.pui_ratelist .p_ul .p_li .p_right .p_r .p_zan {cursor: pointer;color: rgba(0,0,0,0.5)}

/*伪瀑布流*/
.pui_pubu {font-size: 1rem;}
.pui_pubu ul{overflow:hidden;zoom:1;color: rgba(0,0,0,0.5);height:40em;background:#ff0000;}
.pui_pubu ul li{width:calc(50% - .3em);background:#fff;position: absolute;z-index: 1;left:.2em;top:2em;border-radius: .3em;overflow:hidden;zoom:1;box-sizing:border-box;}
.pui_pubu ul li:nth-child(2n){left:calc(50% + .1em);}
.pui_pubu ul li:nth-child(3){top:18em;}
.pui_pubu ul li:nth-child(4){top:18em}
.pui_pubu ul li a {display: block;box-sizing:border-box;}
.pui_pubu ul li a .p_media {}
.pui_pubu ul li a .p_media img {width:100%;border-radius: .2em .2em 0 0;display: block;}
.pui_pubu ul li a .p_title {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;box-sizing:border-box;padding: 0 .5em;margin-top:.3em;}
.pui_pubu ul li a .p_title span{font-size: .6em;}
.pui_pubu ul li .p_attr {overflow:hidden;zoom:1;margin:.3em .5em 0 .5em;padding:0 0 0.1em 0; border-bottom: solid 1px rgba(0,0,0,0.07)}
.pui_pubu ul li .p_attr .p_left {float:left;width: 2.2em;}
.pui_pubu ul li .p_attr .p_left .p_img {}
.pui_pubu ul li .p_attr .p_left .p_img img{width: 70%;border-radius: 100%;}
.pui_pubu ul li .p_attr .p_right {float:left;}
.pui_pubu ul li .p_attr .p_right .p_par {font-size: .6em;}
.pui_pubu ul li .p_btns {overflow:hidden;zoom:1;text-align: center;margin:.3em 0;}
.pui_pubu ul li .p_btns a {color:rgba(0,0,0,0.5);float:left;width: 50%;display:block;}
.pui_pubu ul li .p_btns a:nth-child(1){border-right:rgba(0,0,0,0.07) 1px solid;box-sizing:border-box;border-radius:0;}
.pui_pubu ul li .p_btns a i:before {display: inline-block;padding:0 .2em}
.pui_pubu ul li .p_btns a span {display: inline-block;}


/*文字列表*/
.pui_list1 {font-size:1rem;}
.pui_list1 .p_ul{}
.pui_list1 .p_ul .p_li{}
.pui_list1 .p_ul .p_li a {overflow:hidden;zoom:1;display: block;background:#fff;padding:.8em; }
.pui_list1 .p_ul .p_li a .p_left {float:left;width: 60%;}
.pui_list1 .p_ul .p_li a .p_left i:before {}
.pui_list1 .p_ul .p_li a .p_left .p_h1 {}
.pui_list1 .p_ul .p_li a .p_right {float:left;width: 40%;text-align: right;}
.pui_list1 .p_ul .p_li a .p_right .p_h1 {color: rgba(0,0,0,0.5);font-size: .8rem;}

/*!-- 消息提示 --*/
.pui_nav{font-size:1rem;background:#fff;padding:.8em 0;border-top: 1px rgba(0,0,0,0.1) solid;}
.pui_nav .p_ul{display:flex;flex-direction:row;justify-content:space-around;align-items:center;}
.pui_nav .p_ul .p_li{width: 100%;height:100%;text-align: center;}
.pui_nav .p_ul .p_li>a{width: 100%;height:100%;display: block;width: 100%;height:100%;}
.pui_nav .p_ul .p_li .p_num{font-size: 1.5em;display: inline-block;margin-bottom:.2em;font-weight: bold;}
.pui_nav .p_ul .p_li .p_label{color: rgba(0,0,0,0.5);}

/*!-- 个人中心 002 --*/
.pui_user_hd2 {font-size: 1rem;}
.pui_user_hd2 .p_wrap{overflow:hidden;zoom:1;width: 100%;box-sizing:border-box;padding: 1em;background:#fff;}
.pui_user_hd2 .p_left{float:left;width: calc(100% - 6em);}
.pui_user_hd2 .p_left .p_con{padding:1.3em 0 0 0;display: block;}
.pui_user_hd2 .p_left .p_con .p_h1 {font-size: 2em;}
.pui_user_hd2 .p_left .p_con .p_h2 {color: rgba(0,0,0,0.5)}
.pui_user_hd2 .p_right{float:left;width: 6em;}
.pui_user_hd2 .p_right .p_img{}
.pui_user_hd2 .p_right .p_img a {}
.pui_user_hd2 .p_right .p_img a img {width: 100%;border-radius: 10rem;}

/* 背景颜色 */
.pui_bg_pink{background:#ffb1c4;}
.pui_bg_orange{background:#fca653;}
.pui_bg_blue{background:#abc9ef;}
.pui_bg_blue1{background:#76cee2;}
.pui_bg_brown{background:#c27b4f;}
.pui_bg_red{background:#ff0038;}

.pui_cl_pink{color:#ffb1c4;}
.pui_cl_orange{color:#fca653;}
.pui_cl_blue{color:#abc9ef;}
.pui_cl_blue1{color:#76cee2;}
.pui_cl_brown{color:#c27b4f;}
.pui_cl_red{color:#ff0038;}

/*陌陌标题*/
.pui_header {overflow:hidden;zoom:1;background:#fff;box-sizing:border-box;font-size: 1rem;height:2.5em;padding: 0 .8em;border-bottom: solid 1px rgba(0,0,0,0.1);}
.pui_header .p_left{float:left;width: calc(100% - 5em)}
.pui_header .p_left ul{overflow:hidden;zoom:1;}
.pui_header .p_left ul li {float:left;width: 4em;text-align: center; box-sizing:border-box;}
.pui_header .p_left ul .slt {border-bottom: solid 2px #3361fd}
.pui_header .p_left ul li a {color:rgba(0,0,0,0.5);text-decoration: none;line-height:2.32em; display: block;width: 100%;height:100%;}
.pui_header .p_right{float:left;width: 5em;}
.pui_header .p_right ul{text-align: right;}
.pui_header .p_right ul li {float:right;}
.pui_header .p_right ul li a {text-decoration: none;color:#3361fd;line-height:2.5em; display: block;width:2.5em;}
.pui_header .p_right ul li a>i {font-size: 1.4em;}
/*陌陌标题1*/
.pui_header1 {font-size: 1rem;background:#fff;height:2.5em;line-height:2.5em; overflow:hidden;zoom:1;padding:0 .8rem;border-bottom: solid 1px rgba(0,0,0,0.1);box-sizing:border-box;}
.pui_header1>a{display: block;}
.pui_header1 .p_left{float:left;width: 2em;}
.pui_header1 .p_center{float:left;width: calc(100% - 4em);}
.pui_header1 .p_center span{}
.pui_header1 i:before{font-size: 1.4em;}
.pui_header1 .p_right{float:right;width: 2em;text-align: right;}


/* 标签 */
.pui_labels {overflow:hidden;zoom:1;margin: 0.1em 0 0 0;font-size: 1rem;}
.pui_labels .p_lb{float:left; font-size: 0.5em;padding:0.05em 0.3em;border-radius: 0.08em;color:#fff;margin:0 0.1em 0 0;}
.pui_labels i{font-size: 0.3em;}
.pui_labels span{}

/*陌陌动态*/
.pui_dynamic {font-size: 1rem;}
.pui_dynamic li{overflow:hidden;zoom:1;position: relative;margin:0 0 .4em 0;}
.pui_dynamic li .p_wrap{padding: .8em .8em;background:#fff;border:solid 1px rgba(0,0,0,0.1);border-left: 0;border-right: 0;}
.pui_dynamic li .p_hd{overflow:hidden;zoom:1;margin:0 0 .8em 0;}
.pui_dynamic li .p_hd .p_left {float:left;width: calc(100% - 5em);overflow:hidden;zoom:1;}
.pui_dynamic li .p_hd .p_left .p_logo {float:left;}
.pui_dynamic li .p_hd .p_left .p_logo img {width: 2.5em;height:2.5em;border-radius: .2em;}
.pui_dynamic li .p_hd .p_left .p_attr {float:left;margin:0 0 0 .5em;}
.pui_dynamic li .p_hd .p_left .p_attr .p_name {color:#ce5858;}
.pui_dynamic li .p_hd .p_right {float:left;width:5em;text-align: right; }
.pui_dynamic li .p_hd .p_right .p_time {color:rgba(0,0,0,0.3);font-size: .8em;position: relative;top:1em;}
.pui_dynamic li .p_con{margin:0 0 .8em 0;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3;overflow: hidden;}
.pui_dynamic li .p_con a{text-decoration: none;color: rgba(0,0,0,0.99)}
.pui_dynamic li .p_imgs{overflow:hidden;zoom:1;margin:0 0 .8em 0;position: relative;}
.pui_dynamic li .p_imgs .p_num{position:absolute;right:.3em;top:.2em;background:rgba(0,0,0,0.5);padding:.0 .3em;border-radius: .1em;color: #fff;}
.pui_dynamic li .p_imgs .p_num i{font-size: .6rem}
.pui_dynamic li .p_imgs .p_num span{font-size: .6rem;display: inline-block;padding: 0 0 0 .4em;}
.pui_dynamic li .p_imgs .p_img {float:left;width:32.6%;height:5em; margin:0 1% .2em 0;overflow:hidden;zoom:1;}
.pui_dynamic li .p_imgs .p_img:nth-child(3n-3){margin-right: 0;}
.pui_dynamic li .p_imgs .p_img .p_imgbox{display: flex;justify-content:center;align-items:center;width: 100%;height:100%;}
.pui_dynamic li .p_imgs .p_img img {width: 100%;}
.pui_dynamic li .p_par{margin:0 0 .8em 0; }
.pui_dynamic li .p_par>a{text-decoration: none;color:rgba(0,0,0,0.3);font-size: .8em;}
.pui_dynamic li .p_par>a>span {}
.pui_dynamic li .p_place  {overflow:hidden;zoom:1;border-radius: .2em;margin:0 0 .8em 0;}
.pui_dynamic li .p_place img{float:left; width: 1.5em;height:1.5em;display: block;}
.pui_dynamic li .p_place .p_label{float:left;;color:rgba(0,0,0,0.5);height:1.5em;line-height:1.5em;background:#f0f0f0;padding: 0 .5em;}
.pui_dynamic li .p_btns{overflow:hidden;zoom:1;}
.pui_dynamic li .p_btns i  {font-size: 1.6em;color:rgba(0,0,0,0.3);}
.pui_dynamic li .p_btns .p_left {float:left;width:calc(100% - 2em)}
.pui_dynamic li .p_btns .p_right {float:left;width: 2em;text-align: right;}
.pui_dynamic li .p_btns .p_right .icon  {}
.pui_dynamic li .p_corner{position: absolute;top:-1.3em;right:-1.3em;background:#f67122;width: 2.5em;height:2.5em;text-align: center;-webkit-transform:rotate(45deg);line-height:4em;color:#fff;}
.pui_dynamic li .p_corner>i {font-size:.8em;}

/*陌陌 人*/
.pui_peopel {font-size: 1rem;}
.pui_peopel ul{}
.pui_peopel ul li{overflow:hidden;zoom:1;background:#fff;border-bottom: solid 1px rgba(0,0,0,0.1);padding: 0.8em;box-sizing:border-box;}
.pui_peopel ul li a{color: rgba(0,0,0,0.99)}
/*.pui_peopel ul li:nth-child(1){border-top: solid 1px rgba(0,0,0,0.1);}*/
.pui_peopel ul li .p_left {float:left;width: 5em;}
.pui_peopel ul li .p_left img {width: 100%;display:block;border-radius: .1em;}
.pui_peopel ul li .p_right {float:right;width: calc(100% - 5.8em)}
.pui_peopel ul li .p_right .p_row {margin-bottom: .8em;overflow:hidden;zoom:1;}
.pui_peopel ul li .p_right .p_row:nth-child(3){margin-bottom:0}
.pui_peopel ul li .p_right .p_row .p_l {float:left;}
.pui_peopel ul li .p_right .p_row .p_r {float:right;}
.pui_peopel ul li .p_right .p_row .p_r > span{color:rgba(0,0,0,0.3);font-size: 0.8em;}
.pui_peopel ul li .p_right .p_row {}
.pui_peopel ul li .p_right .p_row .p_l .p_suo {color: rgba(0,0,0,0.3);display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1;overflow: hidden;}
.pui_peopel ul li .p_right .p_row .p_l>i {color: rgba(0,0,0,0.3)}

/*陌陌 右上角发布按钮*/
.pui_release {font-size: 1rem;}
.pui_release ul{overflow:hidden;zoom:1;border-radius: .1em;background:#fff;width: 6em;}
.pui_release ul li{border-top: solid 1px rgba(0,0,0,0.1);text-align: center;}
.pui_release ul li a{text-decoration: none;color:rgba(0,0,0,1);display: block;padding: .8em 0;}
.pui_release ul li:nth-child(1){border-top: 0;}
.pui_release ul li i {font-size: 1.2em;position: relative;top:.1em;}
.pui_release ul li span {}

/*!-- 陌陌 评论动态框 --*/
.pui_ratebox {}
.pui_ratebox {overflow:hidden;zoom:1;padding: 0.4em 0.8em;box-sizing:border-box;width: 100%;background:#fff;border:solid 1px rgba(0,0,0,0.1);border-left: 0;border-right: 0;font-size: 1rem;}
.pui_ratebox .p_left{float:left;width:1em; }
.pui_ratebox .p_left a{text-decoration: none;}
.pui_ratebox .p_left a i {font-size: 1.2em;color: rgba(0,0,0,0.5);position: relative;top:.25em;}
.pui_ratebox .p_center{float:left;width: calc(100% - 4em);text-align: center;}
.pui_ratebox .p_center input{width: 92%;border:0;font-size: 1em;position: relative;top:.32em;}
.pui_ratebox .p_center input:focus{outline: none;}
.pui_ratebox .p_right{float:left;width: 3em}
.pui_ratebox .p_right a{color:rgba(255,255,255,0.9);display: block;width: 100%;height:100%;background:#3361fd;text-align: center;padding:.3em 0;text-decoration: none;border-radius: .2em;font-weight: bold;}
.pui_ratebox .p_right a span {}

/*表情框*/
.pui_expression {width: 100%;font-size: 1rem;}
.pui_expression .p_con{background:#fff;padding:0.5em 0;max-height:12em;overflow-y:scroll;}
.pui_expression .p_con>li{}
.pui_expression .p_con>li .p_exp {overflow:hidden;zoom:1;}
.pui_expression .p_con>li .p_exp>li {float:left;text-align: center; padding: .4em 0;box-sizing:border-box;}
.pui_expression .p_con>li .p_exp>.p_li6 {width: 16.6660%;}
.pui_expression .p_con>li .p_exp>.p_li4 {width: 25%;}
.pui_expression .p_con>li .p_exp>li .icon-exp {font-size: 1.5em;}
.pui_expression .p_con>li .p_exp>li img {width: 80%;}
.pui_expression .p_tab{overflow:hidden;zoom:1;background:#fdfdfd;border-top: solid 1px #fff}
.pui_expression .p_tab>li{float:left;width: 14.28%;padding: .2em 0;}
.pui_expression .p_tab>.slt{background:#f0f0f0;}
.pui_expression .p_tab>li a {display: block;width: 100%;height:100%;position: relative;text-align: center;}
.pui_expression .p_tab>li a i:before {font-size: 1.5rem;}
.pui_expression .p_tab>li .p_dot {position: absolute;top:0;left:50%;background:#ff0000;color:#fff;padding:0 .5em;border-radius: 1em;font-size: .5rem;}


.pui_menu{background:#fff;background-size: 100% auto;position: fixed;z-index:20;bottom:0;left:0;width: 100%;border-top: solid 1px rgba(0,0,0,0.1);padding-top:.3em;font-size: 1rem;}
.pui_menu .p_ul{display: flex;flex-direction: row;justify-content:space-around;align-items:center;}
.pui_menu .p_ul>.p_li{width: 100%;height: 100%;text-align: center;position: relative;}
.pui_menu .p_ul>.p_li a{text-decoration: none;color:rgba(0,0,0,0.5);display: block;width: 100%;height: 100%;font-size: .8em;}
.pui_menu .p_ul> .p_slt a{color:#3361fd;}
.pui_menu .p_ul>li i{display: inline-block;position: relative;left:.15em;font-size: 1.8em;}
.pui_menu .p_ul>.p_li .p_dot{position: absolute;top:5%;left:65%;background:#ff0000;display: line-block;border-radius: 10em;font-size: .6em;color:#fff;height:.5em;width: .5em;}
.pui_menu .p_ul>.p_li .p_num{position: absolute;top:0;left:50%;background:#ff0000;display: inline-block;border-radius: 10em;padding:.1em  .5em;font-size: .6em;color:#fff;}

.pui_formline {padding:0 .8em;font-size: 1rem;background:#fff;}
/*textarea*/
.pui_textarea {position: relative;}
.pui_textarea textarea{width: 100%;border:0;padding:1em 0;resize: none;height:5;}
.pui_textarea textarea:focus{outline: none;}
.pui_textarea .p_tips{position: absolute;z-index: 1;right:0;bottom:.3em;}
.pui_textarea .p_tips {color: rgba(0,0,0,0.5);font-size: .8em;}
/*pui_imglist*/
.pui_imglist {padding: .8em 0;font-size: 1rem;box-sizing:border-box;}
.pui_imglist>li{float:left;width:18.4%;float:left;position: relative;height:100%;box-sizing:border-box;margin:0 2% 1% 0;height:3.45em;}
.pui_imglist>li:nth-child(5n){margin-right:0;}
.pui_imglist .p_li .p_img{display:flex;justify-content:center;align-items:center;width:100%;height:100%;overflow:hidden;zoom:1;}
.pui_imglist .p_li .p_img img {width: 100%;}
.pui_imglist .p_li .p_delete{position: absolute;top:-.3em;right:-.3em;}
.pui_imglist .p_li .p_delete i:before{color:#ff0000;}
.pui_imglist .p_li .p_edit{position: absolute;bottom:.5em;left:.5em;background:rgba(0,0,0,0.5);color:#fff;padding:0 .5em;border-radius: .2em;font-size:.2em;}
.pui_imglist .p_add{text-align: center;line-height:3.45em;border:dashed 1px rgba(0,0,0,0.1);}
.pui_imglist .p_add .p_tips{position: absolute;bottom:.1em;right:.1em;line-height:1;font-size: .6em;color: rgba(0,0,0,0.2)}
.pui_imglist .p_add .p_tips span{}
.pui_imglist .p_add i:before{font-size: 2em;color: rgba(0,0,0,0.2)}
/*pui_position*/
.pui_position {font-size: 1rem;padding: .8em 0;overflow:hidden;zoom:1;}
.pui_position .p_left{float:left;}
.pui_position  .p_btn{border:solid 1px rgba(0,0,0,0.2);border-radius: 10em;padding: .1em .5em;}
.pui_position  .p_btn i:before{font-size: .8em}
.pui_position  .p_btn span {font-size: .8em}
.pui_position .p_left .p_btn .icon iconfont icon-shouye {}
.pui_position .p_right{float:right;}
/*pui_bottombtn*/
.pui_bottombtn {font-size: 1rem;background:#fff;}
.pui_bottombtn .p_ul{display:flex;flex-direction:row;justify-content:space-around;align-items:center;border-top:solid 1px rgba(0,0,0,0.1);}
.pui_bottombtn .p_ul .p_li{text-align: center;width: 100%;height:100%;}
.pui_bottombtn .p_ul .p_li a{display: block;width: 100%;height:100%;padding: .4em 0;}
.pui_bottombtn .p_ul .p_li i:before{font-size: 1.5em;}

